{extend name="extend:member" /}

{block name="title"}会员中心{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="/public/plug/FormCombox/FormCombox.css" />
<style type="text/css">
	.pic-ato {
		display: block;
		width: 88px;
		line-height: 88px;
		padding: 16px;
		margin: 0 auto;
	}
	.pic-ato i {
		font-size: 88px;
		line-height: inherit;
	}
	.act-bg {
		font-size: 16px!important;
	}
	.memberinfo {
		width: 64%;
		float: left;
	}

	.memberinfo .pic-circle {
		width: 120px;
		height: 120px;
	}

	.memberinfo span {
		display: block;
		margin-left: 150px;
	}

	.memberinfo p {
		line-height: 60px;
	}

	.memberwallet {
		width: 36%;
		float: right;
	}

	.noCert {
		display: inline;
		padding: 1px 2px;
		font-size: 12px;
		color: #FE0137;
		border-radius: 2px;
		border: 1px solid #FE0137;
	}
	.hasCert {
		display: inline;
		padding: 1px 2px;
		font-size: 12px;
		color: #1AAD19;
		border-radius: 2px;
		border: 1px solid #1AAD19;
	}
</style>
{/block}



{block name="body"}

<div class="" id="member-template" style="display: none;">
	<div class="cont-title"><em>个人信息</em></div>

	<div class="b-line-b clearfix p-y-4x p-x-2x">

		<div class="memberinfo b-line-r">
			<img src="{:$_member['info']['headimgurl']}" class="pic-circle float-left"/>
			<span class="">
				<p class="weight-bold fs18r">
					<font id="nicknane" class="m-r-1x"></font>
					<?php if( 2 <= \think\Session::get('member.role') ){ ?>
						<?php if( 9 == \think\Session::get('member.status') ){ ?>
							<font class="noCert">未认证</font>
						<?php }else{ ?>
							<font class="hasCert">已认证</font>
						<?php } ?>
					<?php } ?>
				</p>
				<p class="fs14r" id="mbinfo"></p>
			</span>
		</div>

		<div class="memberwallet">
			<p class="m-x-6x m-t-3x m-b-2x">钱包余额：</p>
			<p class="m-x-6x text-right c-888"><font class="fs32r c-f57c00" id="bind-wallet">0.00</font>&nbsp;&nbsp;元</p>
		</div>

	</div>
	<!--<div class="clearfix">
		<div class="fina_box b-line-r">
			<span class="pic-ato bg-3688e9">
				<i class="icon-files-pdf"></i>
			</span>
		</div>
		<div class="fina_box">

		</div>
	</div>-->
</div>

<div class="" id="editpwd-template" style="display: none;">
	<div class="cont-title"><em>修改密码</em></div>
	<form class="layout-form p-t-6x" id="layout-form-editpwd" action="/*" onsubmit="return false;" style="padding-left: 190px; padding-right: 300px;">

	</form>
	<div class="box-buttom clearfix p-b-4x" style="width: 240px; padding-left: 290px;">
		<a href="javascript:;" class="submit-buttom float-left" id="btn-editpwd-submit">确定</a>
	</div>
</div>

<div class="" id="editmobile-template" style="display: none;">
	<div class="cont-title"><em>更换手机</em></div>
	<form class="layout-form p-t-6x" id="layout-form-editpwd" action="/*" onsubmit="return false;" style="padding-left: 190px; padding-right: 300px;">
		<div class="layout-combox "><label class="layout-form-label">旧手机号</label>
			<div class="layout-form-ipt"><input type="text" id="ipt-rm-mobile" value="{:\\think\\Session::get('member.mobile')}" disabled="disabled" placeholder="请输入旧手机号"></div>
		</div>
		<div class="layout-combox "><label class="layout-form-label">新手机号</label>
			<div class="layout-form-ipt"><input type="text" layout-mark="sms-mobile" placeholder="请输入新手机号"></div>
		</div>
		<div class="layout-combox" style="width: 320px;"><label class="layout-form-label">验证码</label>
			<div class="layout-form-ipt position-relative">
				<input type="text" layout-mark="sms-code" id="ipt-rm-code" placeholder="输入验证码" maxlength="6">
				<a href="javascript:;" layout-mark="sms-get" data-scene="resetMobile" class="b-line-l position-absolute position-top position-right text-center" style="display: block; width: 100px;">获取验证码</a>
			</div>
		</div>
	</form>
	<div class="box-buttom clearfix p-b-4x" style="width: 240px; padding-left: 290px;">
		<a href="javascript:;" class="submit-buttom float-left" id="btn-editmobile-submit">确定</a>
	</div>
</div>

<div class="overa" id="account-template" style="display: none;">
	<div class="cont-title"><em>我的钱包</em></div>
	<div class="act-bg m-y-3x m-x-2x"><font class="fs42r c-f57c00" id="acc-price">0.00</font>&nbsp;&nbsp;元</div>
</div>
{/block}



{block name="js"}
<script type="text/javascript" src="/public/modules/thin.min.js" thin-main="/public/webfe/js/indexMember" thin-loader="/public/webfe/resource/mainloader" thin-cache="false"></script>
<script type="text/javascript">
	document.getElementById('nav-head-jzfw').className = 'active';
</script>
{/block}
